<?php	
	
	include($_SERVER['DOCUMENT_ROOT']."/eventos/sistema/common/login/seguranca.php"); // Inclui o arquivo com o sistema de segurança
	protegePagina(); // Chama a função que protege a página
	//SESSION_START();
	error_reporting(0);
	//include "conexoes/conecta.php"; 
	
	$idPerfilSession    = $_SESSION['idPerfil'];
	$idUsuarioSession   = $_SESSION['idUsuario'];
	$idEmpresaSession	= $_SESSION['idEmpresa'];

    echo $idUsuarioSession;
	
	$estados = "SELECT * 
				FROM tbluf
				ORDER BY strSiglaUf 
				LIMIT 0,30 "; 
	$estados = mysql_query($estados) or die("Erro no SQL: ".mysql_error());	
	
	
	//Query responsável por trazer todos os dados do usuário
	$qryConsulta = "SELECT D.*, C.*, F.*
						FROM tbldadospessoais D, tblcaracteristicas C, tblfoto F
							WHERE D.idUsuario = C.idUsuario
							AND   C.idUsuario = F.idUsuario
							AND   F.idUsuario = '$idUsuarioSession' " ;
							
    $qryConsulta = mysql_query($qryConsulta) or die("Erro no SQL: ".mysql_error());
	$qryConsulta = mysql_fetch_array($qryConsulta);	


?>


<link href="/eventos/css/participante/cadastro/style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="/eventos/js/participante/jquery-1.7.2.js"></script>
<script type="text/javascript" src="/eventos/js/participante/cadastro/interface.js"></script>
   <script type="text/javascript">
        var $j = jQuery.noConflict();
    </script>

<script type="text/javascript" src="/eventos/js/participante/cadastro/sliding.form.js"></script>

 <!--CSS DA AREA DE FOTOS-->
    <link rel="stylesheet" href="appfotos/css/screen.css" type="text/css" media="creen, projection">
    <link rel="stylesheet" href="appfotos/css/print.css" type="text/css" media="print">
   


<!-- SCRIPTS DA AREA DE FOTOS -->
    <script type="text/javascript" src="appfotos/source/mootools1.1.2.js"></script>
    <script type="text/javascript" src="appfotos/source/Swiff.Uploader.js"></script>
    <script type="text/javascript" src="appfotos/source/Fx.ProgressBar.js"></script>
    <script type="text/javascript" src="appfotos/source/FancyUpload2.js"></script>



 	
	
<script type="text/javascript">
    function alterarImagem(){
        
    }
    function mostrarDivAltImagem(){
        document.getElementById('dvAlterarImagem').style.display = 'block';
    }
    function esconderDivAltImagem(){
        document.getElementById('dvAlterarImagem').style.display = 'none';
    }
</script>

<div id="dvImagem" onmousemove="mostrarDivAltImagem();" onmouseout="esconderDivAltImagem();">
    <a href="#"><img id="imgAvatar" src="/img/default/avatar.png" width="200px" height="200px" /></a>    
</div>
<div id="dvAlterarImagem" onmousemove="mostrarDivAltImagem();" onmouseout="esconderDivAltImagem();">
    <a href="#">Alterar imagem</a>
    <input type="file" id="file-avatar" name="file-avatar">
</div>

<div id="content">
    <div id="wrapper">
        <div id="steps">
            <form id="formElem" name="formElem" action="actCadastroParticipante.php" method="post">
                <fieldset class="step">
                    <legend class="legend">Login</legend>
                    <p class="pcenter">
                        <label for="login">Login</label>
                        <input id="strLogin" name="strLogin" value="<?=$participante['strLogin']?>" />
                   
                    </p>
                    <p class="pcenter">
                        <label for="email">Email</label>
                        <input id="strEmail" name="strEmail" placeholder="usuario@evento.com.br" type="email" AUTOCOMPLETE=OFF value="<?=$participante['strEmail']?>" />                        
                    </p>
                    <p class="pcenter">
                        <label for="email">Email Alternativo</label>
                        <input id="strEmailAlternativo" name="strEmailAlternativo" placeholder="usuario@evento.com.br" type="email" AUTOCOMPLETE=OFF value="<?=$participante['strEmailAlternativo']?>" />                        
                    </p>  
                </fieldset>
                <fieldset class="step">
                    <legend class="legend">Dados Pessoais</legend>
                    <p class="pleft">
                        <label for="nome">Nome completo</label>
                        <input id="strNome" name="strNome" type="text" AUTOCOMPLETE=OFF value="<?=$participante['strNome']?>" />
                    </p>
                    <p class="prigth">
                        <label for="rg">RG</label>
                        <input id="strRg" name="country" type="text" AUTOCOMPLETE=OFF value="<?=$participante['strRG']?>" />
                    </p>
                     <p class="pleft">
                        <label for="cpf">CPF</label>
                        <input id="strCpf" name="strCpf" type="text" AUTOCOMPLETE=OFF value="<?=$participante['strCPF']?>" />
                    </p>
                    <p class="prigth">
                        <label for="telefone">Telefone</label>
                        <input id="strTelefone" name="strTelefone" placeholder="e.g. +351215555555" type="tel" AUTOCOMPLETE=OFF value="<?=$participante['strTelefone']?>" />
                    </p>
                    <p class="pleft">
                        <label for="celular">Celular</label>
                        <input id="strCelular" name="strCelular" placeholder="e.g. +351215555555" type="tel" AUTOCOMPLETE=OFF value="<?=$participante['strCelular']?>" />
                    </p>
                    <p class="prigth">
                        <label for="nascimento">Data de nascimento</label>
                        <input id="dteNascimento" name="dteNascimento" type="date" AUTOCOMPLETE=OFF value="<?=$participante['dteNascimento']?>" />
                    </p>
                    <p class="pleft">                        
                        <label for="sexo" class="label">Sexo</label>
                        <select id="strSexo" name="strSexo">
                            <option value="F">Feminino</option>
                            <option value="M">Masculino</option>                           
                        </select>
                    </p>
                    <p class="prigth">
                        <label for="nascimento">Estado civil</label>
                        <input id="estadoCivil" name="idEstadoCivil" AUTOCOMPLETE=OFF value="" />
                    </p>
                    
                </fieldset>
                <fieldset class="step">
                    <legend class="legend">Informações</legend>
                    <table class="table">
                        <tr>
                            <td><input type="checkbox" name="ckIngles" id="ckIngles" value="teste">Possui carro próprio</td>                            
                        </tr>                        
                    </table>
                    
                    <legend class="sub-legend">Escolaridade</legend>
                    <p class="pcenter">                        
                        <label for="escolaridade" class="label">Escolaridade</label>
                        <select id="idGrau" name="idGrau">
                            <option value = 1>Superior</option>
                            <option value = 2>Ensino Médio</option>                           
                        </select>
                    </p>
                    <legend class="sub-legend">Idiomas</legend>
                    <table class="table">
                        <tr>
                            <td><input type="checkbox" name="bolIngles"      id="bolIngles"    >Inglês</td>
                            <td><input type="checkbox" name="bolEspanhol"    id="bolEspanhol"  >Espanhol</td>
                            <td><input type="checkbox" name="bolFrances"     id="bolFrances"   >Francês</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox" name="bolItaliano"    id="bolItaliano"  >Italiano</td>
                            <td><input type="checkbox" name="bolJapones"     id="bolJapones"   >Japonês</td>
                            <td><input type="checkbox" name="bolOutros"      id="bolOutros"    >Outros</td>
                        </tr>
                    </table>
                <legend class="sub-legend">Configurações</legend>
                    <table class="table">
                        <tr>
                            <td><input type="checkbox" name="ckIngles" id="ckIngles" value="teste">Deseja receber emails?</td>                            
                        </tr>                        
                    </table>
                
                </fieldset>
                <fieldset class="step">
                    <legend class="legend">Endereço</legend>
                    <p class="pcenter">
                        <label for="estado">Estado</label>    
                        <select name="strEstado" id="strEstado">
                                <option>Selecione...</option>
                                <?php
                                    while ($array_estados = mysql_fetch_array($estados)) {
										if ($array_estados[idUF] == $qryConsulta[idUF]) {  
                                        	echo "<option value=" . $array_estados[idUF] . " selected = true >" . $array_estados[strSiglaUF] . "</option>" ;
										}
										else{
											echo "<option value=" . $array_estados[idUF] . ">" . $array_estados[strSiglaUF] . "</option>" ;
										}
									}
                                ?>	                           
                        </select>
                    </p>
                    <p class="pcenter">
                        <label for="cidade">Cidade</label>    
                        <select name="strCidade" id="strCidade">
							<option value="">-- Escolha um estado --</option>
						</select>                                
                        <script type="text/javascript">
								$j(function(){
									$j('#strEstado').change(function(){
										if( $j(this).val() ) {
											$j('#strCidade').hide();
											$j('.carregando').show();
											$j.getJSON('/eventos/js/common/cidades.ajax.php?search=',{StrEstado: $j(this).val(), ajax: 'true'}, function(j){
											var options = '<option value="">Selecione...</option>';	
											for (var i = 0; i < j.length; i++) {
												options += '<option value="' + j[i].idCidade + '">' + j[i].strCidade + '</option>';
											}	
											$j('#strCidade').html(options).show();
											$j('.carregando').hide();
										});
										} else {
											$j('#strCidade').html('<option value="">– Escolha um estado –</option>');
										}
									});
								});
							</script>             
                        
                     
                    </p>
                    <p class="pcenter">
                        <label for="bairro">Bairro</label>
                        <input id="strBairro" name="strBairro" type="text" AUTOCOMPLETE=OFF value="<?=$participante['strBairro']?>" />
                    </p>
                    <p class="pcenter">
                        <label for="endereco">Endereço</label>
                        <input id="strEndereco" name="strEndereco" type="text" AUTOCOMPLETE=OFF value="<?=$participante['strEndereco']?>" />
                    </p>
                </fieldset>
                <fieldset class="step">
                    <legend class="legend">Medidas</legend>
                    
                    <p class="pleft">
                        <label for="endereco">Altura</label>
                        <input name="intAltura" type="text" id="intAltura" maxlength="8" />
                    </p>
                    
                    <p class="prigth">
                        <label for="endereco">Manequim (blusa)</label>
                        <input name="intManequimBlusa" type="text" id="intManequimBlusa" maxlength="8" onkeypress="return PermiteNumeros(event,1);" />
                    </p>
                    <p class="pleft">
                        <label for="endereco">Manequim (calça)</label>
                        <input name="intManequimCalca" type="text" id="intManequimCalca" maxlength="8" onkeypress="return PermiteNumeros(event,1);" />
                    </p>
                    <p class="prigth">
                        <label for="endereco">Busto</label>
                        <input name="intBusto" type="text" id="intBusto" maxlength="8" onkeypress="return PermiteNumeros(event,1);" />
                    </p>
                    <p class="pleft">
                        <label for="endereco">Calçado</label>
                        <input name="intCalcado" type="text" id="intCalcado" maxlength="8" onkeypress="return PermiteNumeros(event,1);" />
                    </p>
                    <p class="prigth">
                        <label for="endereco">Cintura</label>
                        <input name="intCintura" type="text" id="intCintura" maxlength="8" onkeypress="return PermiteNumeros(event,1);" />
                    </p>
                    <p class="pleft">
                        <label for="endereco">Quadril</label>
                        <input name="intQuadril" type="text" id="intQuadril" maxlength="8" onkeypress="return PermiteNumeros(event,1);" />
                    </p>
                    <p class="prigth">
                        <label for="endereco">Peso</label>
                        <input name="intPeso" type="text" id="intPeso" maxlength="8" onkeypress="return PermiteNumeros(event,1);" />
                    </p>
                </fieldset>
                <fieldset class="step">
                    <legend class="legend">Aparência</legend>
                    <p class="pcenter">
                    <label for="endereco">Cor da pele</label>
                        <select id="idPele" name="idPele">
                                <option value="0">Escolha cor</option>
                            <option value="1">Branca</option>
                            <option value="2">Morena</option>
                            <option value="3">Negra</option>
                        </select>
                    </p> 
             <p class="pcenter">
                     <label for="endereco">Cor dos olhos</label>
                     <select id="idOlho" name="idOlho">
                            <option value="0">Escolha cor</option>
                            <option value="1">Azuis</option>
                            <option value="2">Verdes</option>
                            <option value="3">Castanhos claros</option>
                            <option value="4">Castanhos escuros</option>
                            <option value="5">Mel</option>
                        </select>
                </p>
                  
                  <p class="pcenter">
                   <label for="endereco">Cor do cabelo:</label>
                      <select  id="idCabelo" name="idCabelo">
                            <option value="0">Escolha cor</option>
                            <option value="1">Loiro</option>
                            <option value="2">Ruivo</option>
                            <option value="3">Castanho claro</option>
                            <option value="4">Castanho escuro</option>
                            <option value="5">Preto</option>
                            <option value="6">Outra cor</option>
                        </select>
                  </p>
                    
                </fieldset>
                <fieldset class="step">
                    <legend class="legend">Fotos</legend>
                    <div id="dvFotosInserir">
                    <script type="text/javascript">
                        $j.ajax({
                            type: "GET",
                            url : '/eventos/sistema/participante/appFotos' + '/' + 'fotos.html' ,
                            success : function( dados ) {    
                                //$j('.carregando').hide(); //se quiser por um carregando
                                $j('#dvFotosInserir').html(dados).show();                                 
                            }
                        });
                    </script>                     
                    </div>
                    
                    <div id="dvFotosAlterar">
                    <script type="text/javascript">
                        /*$j.ajax({
                            type: "GET",
                            url : '/ajax/album' +'/' + Math.random(),
                            success : function( dados ) {    
                                //$j('.carregando').hide(); //se quiser por um carregando
                                $j('#dvFotosAlterar').html(dados).show();                                    
                            }
                        });*/
                    </script>
                </fieldset>
                <fieldset class="step">
                    <legend class="legend">Confirm</legend>
                    <p class="pcenter">
                                Se todas as etapas têm uma marca de seleção verde, siguinifica 
                                que o formulário foi preenchido corretamente. Um ícone vermelho 
                                indica que algum campo está faltando ou foi preenchido com dados inválidos.                                                         
                        </p>
                    <p class="submit">
                        <button id="registerButton" type="submit">Registrar</button>
                    </p>
                </fieldset>
            </form>
        </div>
        <div id="navigation" style="display:none;">
            <ul>
                <li class="selected">
                    <a href="#">Login</a>
                </li>
                <li>
                    <a href="#">Dados Pessoais</a>
                </li>
                <li>
                    <a href="#">Informações</a>
                </li>
                <li>
                    <a href="#">Endereço</a>
                </li>
                <li>
                    <a href="#">Medidas</a>
                </li>
                <li>
                    <a href="#">Aparência</a>
                </li>
                <li>
                    <a href="#">Fotos</a>
                </li>
                <li>
                    <a href="#">Finalizar</a>
                </li>
            </ul>
        </div>
    </div>
</div>